﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Search.aspx.cs" Inherits="WebApplication1.Account.Search" MasterPageFile="~/MasterPages/Site.master" %>

<asp:Content ID="head" runat="server" ContentPlaceHolderID="head">

    <style type="text/css">
        .profilePic.topLeft
        {
        }
        
        .searchBox
        {
        	float: left;
        	margin-left: 130px;
        	margin-top: 20px;
        }
        
        .textbox
        {
        	font-size: 14pt;
        	width: 400px;
        	margin-bottom: 5px;
        }
        
        .searchEntry
        {
        	float: left;
        	margin-right: 20px;
        }
        
        .searchResults
        {
        	min-height: 500px;
        	float: left;
        	clear: left;
        	min-width: 700px;
        	margin-left: 130px;
        	margin-top: 20px;
        	margin-bottom: 20px;
        	padding: 5px;
        }
        
        .searchResults .profilePic
        {
        	width: 70px;
        	height: 70px;
        	float: left;
        	margin-right: 10px;
        }
        
        .searchResultItem
        {
        	clear: both;
        	margin-bottom: 35px;
        }
        
        .profileInfo
        {
        	float: left;
        	width: 260px;
        }
        
        .tags
        {
        	float: right;
        	width: 425px;
        }
        
        .tag
        {
        	float: left;
        	padding: 2px 4px 2px 4px;
        	background-color: #DDD;
        	border: 2px solid #DDD;
        	border-radius: 3px;
        	margin-right: 5px;
        	margin-bottom: 5px;
        }
        
        .tag.overlap
        {
        	background-color: #FFCC66;
        	border-color: #FFCC66;
        }
    </style>
</asp:Content>


<asp:Content ID="main" runat="server" ContentPlaceHolderID="main">

    <img src="/images/icons/large-search-icon.png" class="profilePic topLeft" />

    <div class="searchBox">

        <div class="searchEntry">
            <asp:TextBox ID="txtSearch" runat="server" CssClass="textbox" Text="should i quit my job and join a band" /><br />
            <asp:CheckBox ID="chkUseMyTags" runat="server" Checked="true"
                Text="Include my tags when filtering." />
        </div>
        <asp:Button ID="btnSearch" runat="server" Text="Search" CssClass="actionButton" />
    
    </div>

    <div class="searchResults">
        <div class="searchResultItem">
            <div class="profileInfo">
                <a href="/Profiles/38343"><img src="/images/profile1.jpg" class="profilePic" />
                    Mentor Name</a><br />
                    Your Company Name<br />
                    <span class="good">Available for Mentoring</span>
            </div>
        
            <div class="tags">
                <div class="tag overlap">joined a band</div>
                <div class="tag">this is a tag</div>
                <div class="tag overlap">career transitions</div>
                <div class="tag">this is a tag</div>
                <div class="tag overlap">this is an overlapping tag</div>
                <div class="tag">roadie</div>
                <div class="tag">this is a tag</div>
            </div>
            <div class="clear"></div>
        </div>
    
        <div class="searchResultItem">
            <div class="profileInfo">
                <a href="/Profiles/38343"><img src="/images/profile2.jpg" class="profilePic" />
                    Mentor Name</a><br />
                    Your Company Name<br />
                    <span class="good">Available for Mentoring</span>
            </div>
        
            <div class="tags">
                <div class="tag">this is a tag</div>
                <div class="tag overlap">this tag overlaps with yours</div>
                <div class="tag">this is a tag</div>
                <div class="tag overlap">this tag overlaps with yours</div>
                <div class="tag">this is a tag</div>
                <div class="tag overlap">this tag overlaps with yours</div>
            </div>
            <div class="clear"></div>
        </div>

        <div class="searchResultItem">
            <div class="profileInfo">
                <a href="/Profiles/38343"><img src="/images/profile3.jpg" class="profilePic" />
                    Mentor Name</a><br />
                    Your Company Name<br />
                    <span class="good">Available for Mentoring</span>
            </div>
        
            <div class="tags">
                <div class="tag">this is a tag</div>
                <div class="tag overlap">this tag overlaps with yours</div>
                <div class="tag">this is a tag</div>
                <div class="tag overlap">this tag overlaps with yours</div>
                <div class="tag">this is a tag</div>
                <div class="tag overlap">this tag overlaps with yours</div>
            </div>
            <div class="clear"></div>
        </div>

        <div class="searchResultItem">
            <div class="profileInfo">
                <a href="/Profiles/38343"><img src="/images/profile4.jpg" class="profilePic" />
                    Mentor Name</a><br />
                    Your Company Name<br />
                    <span class="good">Available for Mentoring</span>
            </div>
        
            <div class="tags">
                <div class="tag">this is a tag</div>
                <div class="tag overlap">this tag overlaps with yours</div>
                <div class="tag">this is a tag</div>
                <div class="tag overlap">this tag overlaps with yours</div>
                <div class="tag">this is a tag</div>
                <div class="tag overlap">this tag overlaps with yours</div>
            </div>
            <div class="clear"></div>
        </div>

        <div class="searchResultItem">
            <div class="profileInfo">
                <a href="/Profiles/38343"><img src="/images/profile5.jpg" class="profilePic" />
                    Mentor Name</a><br />
                    Your Company Name<br />
                    <span class="good">Available for Mentoring</span>
            </div>
        
            <div class="tags">
                <div class="tag">this is a tag</div>
                <div class="tag overlap">this tag overlaps with yours</div>
                <div class="tag">this is a tag</div>
                <div class="tag overlap">this tag overlaps with yours</div>
                <div class="tag">this is a tag</div>
                <div class="tag overlap">this tag overlaps with yours</div>
            </div>
            <div class="clear"></div>
        </div>
    </div>


</asp:Content>